<template>
  <router-view v-slot="{ Component }">
    <keep-alive>
      <component :is="Component"></component>
    </keep-alive>
    <!-- <component :is="Component" :key="$route.name"></component> -->
    <!-- <component :is="Component" :key="$route.name" v-if="!$route.meta.keepAlive"></component> -->
  </router-view>
</template>

<script>
import { reactive, toRefs, onMounted } from 'vue';
export default {
    name: 'App',
    components: {},
    props:{},
    emits:[],
    setup (props, context) 
    {
        let data = reactive({

        });
        let methods = {
        };
        onMounted(() => 
        {
            
        });
        return {
            ...toRefs(data),
            ...methods
        };
    }
};
</script>

<style lang='scss' src='@/style/public.scss'>
</style>
